body {font-family: "微软雅黑","宋体",Arial,Verdana,Helvetica,sans-serif;font-size: 14px;color: #333;margin: 0;padding: 0;background:#fff;   
 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
* {margin: 0;padding: 0;}
.platform-container{width: 100%;height:100%;/*overflow: hidden;*/}
.fl-lft{float:left;}
.fl-rgt{float:right;}
img{vertical-align: middle;}
video {object-fit:fill;}
/* 全浏览器通用的clearfix方案【推荐】 */
/* 引入了zoom以支持IE6/7 */
/* 同时加入:before以解决现代浏览器上边距折叠的问题 */
.clearfix:before,.clearfix:after {display: table;content: " ";}
.clearfix:after { clear: both;}
.clearfix{*zoom: 1;}

#childframe{height: 289px;width: 100%; background: rgba(56, 58, 61,0.8);}
/*文字滚动的跑马灯样式*/
.roleMsg{ display:none;position: absolute;top:35px;left:560px;overflow:hidden; width:800px;margin:0 auto;background: rgba(56, 58, 61, 0.8);z-index:9999;}
.roleMsg .roleMsgCon {width:8000%; height:30px;}
.roleMsg .roleMsgCon div{ float:left;}
.roleMsg .roleMsgCon ul{float:left; height:30px; /*overflow:hidden;*/ zoom:1;padding: 0;font-size: 20px;font-weight: lighter;}
.roleMsg .roleMsgCon ul li{float:left; margin-right:10px;line-height:23px;padding: 3px;list-style:none;/*text-shadow:0 0 3px #FF0000;*/text-shadow:2px 2px 4px #000000;/*box-shadow: 0px 0px 1px 1px #67b3dd;*/color: #fff;}
.list-num{display: inline-block;font-size: 14px;color: #fff;vertical-align: bottom;height: 20px;line-height: 20px;width: 20px;margin-right: 10px;background-color: #46A6F6;text-align: center;border-radius: 50%;}
.warning-num{font-weight: 600;cursor:pointer;text-align: center; width: 20px;height: 20px; line-height: 20px; display: inline-block;color: #f42a10;}
    
    
.clear{clear: both;}
.show{display: block!important;}
input:focus {outline: none !important;color: #FFFFFF !important;background-color:transparent;}
input:active { outline: none !important;color: #FFFFFF !important; background-color:transparent;}
/*修改提示文字的颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    background-color:transparent;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    background-color:transparent;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    background-color:transparent;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-family: PingFang-SC-Medium;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: justify;
    background-color:transparent;
}
/* ::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-button:vertical {display: none}
::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {background-color: rgba(120, 120, 120,0.3);}


::-webkit-scrollbar-thumb {border-radius: 0;background-color: rgba(0,213,167,1);}
::-webkit-scrollbar-thumb:vertical:hover {background-color: rgba(0,213,167,0.8);}
::-webkit-scrollbar-thumb:vertical:active {background-color: rgba(0,213,167,0.9);} */


/* 修改layer窗口的默认的样式 */
.layui-layer{background-color: transparent!important;}
.layui-layer-title{background-color: rgba(56, 58, 61, 0.8)!important;color: #00D5A7!important;border-bottom: 0!important;height: 30px!important;line-height: 30px!important;}
.layui-layer-content{background-color: rgba(56, 58, 61, 0.8)!important;}
.layui-layer .layui-layer-setwin .layui-layer-ico{background: url(../../assets/images/pic_btn-cancel.png) no-repeat;margin: -5px;}

/*头部控制区域*/
.control-area{width: auto;height:auto;position: relative;}
/*左侧区域*/
.show-lft-area{margin:25px 0 0 0;width:auto;,height:auto;left:26px;position: absolute;z-index: 999;}
.platform-logo{float:left;display: inline-block;margin:0 13px 0 -7px;width: 150px;height:50px;vertical-align: middle;}
.platform-name{float:left;display: inline-block;font-family: PingFang-SC-Bold;margin:0 22px 0 0;font-size: 24px;    line-height: 42px;color: #FFFFFF;letter-spacing: 0;text-align: justify;}
.platform-weather{float:left;display: inline-block;width: auto;height:40px;}
.weather-img{float:left;}
.weather-img img{display:block;vertical-align: middle;margin: 10px 0 0 0;}
.weather-txt{float:left;margin:  7px 0 0 10px;}
.weather-wind{font-family: PingFangSC-Semibold;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: justify;}
.weather-temperature{font-family: PingFangSC-Semibold;font-size: 14px;color: #3A91E2;letter-spacing: 0;text-align: justify;}

/*搜索展示区域*/
.platform-search {display:block;position: absolute;top: 70px;left: 26px;/*float: left;padding: 5px;*/width:440px;height: 42px;border: none;background: rgba(56, 58, 61, 0.8);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-right: 5px;cursor: pointer;z-index: 999;}
.platform-search .search-ipt { display: block;float: left;margin: 8px 10px 8px 12px;padding: 0 8px;background: rgba(0, 0, 0, 0.7)!important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 316px;height: 26px!important;border: none!important;font-size: 14px;color: #FFFFFF;}
.platform-search .search-ipt:focus {color: #2a2a2a;}
.platform-search .btn-search:hover{background: #00659d;}
.platform-search .btn-search{float: left;width: 26px;height: 26px;cursor: pointer; margin: 7px 8px;background: url(../../assets/images/pic_search.png) no-repeat center;}

.platform-search .input-clear {cursor: pointer;float:left;width: 27px;height: 38px;margin: 2px 0 0 -40px;background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_f175577.png) no-repeat 0 -38px;display: none;}

.platform-search .btn-search:hover{background:   url(../../assets/images/pic_search_act.png) no-repeat center;}
.platform-search .btn-search:active{background:  url(../../assets/images/pic_search_act.png) no-repeat center;}
.platform-search .btn-search img {margin: 3px;padding: 0;}

.platform-tree{float: left;margin: 3px;background: url(../../assets/images/pic_tree.png) 5px 5px no-repeat;background-size: 76%;width: 34px; height: 34px;}
.platform-tree:hover{background:  rgba(0, 213, 167 ,0.4) url(../../assets/images/pic_tree.png) 5px 5px  no-repeat;background-size: 76%;}
.platform-tree.show{margin: 3px;background: url(../../assets/images/pic_tree_selected.png) 5px 5px no-repeat;background-size: 76%;width: 34px; height: 34px;}
.platform-tree.show:hover{margin: 3px;background:   rgba(0, 213, 167 ,0.4) url(../../assets/images/pic_tree_selected.png) 5px 5px no-repeat;background-size: 76%;width: 34px; height: 34px;}

/*搜索结果展示框样式*/
.search-list{display: none;/* margin: 48px 0 0 0; */width:370px;overflow: auto;overflow-x: hidden;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;background: rgba(56, 58, 61, 0.8);box-shadow: 1px 2px 1px rgba(0,0,0,.15);}
.search-list li{font-size:16px;cursor: pointer;border-bottom: #716f6f 1px solid;height: 80px;line-height:40px;color: #fff;/*margin: 10px 0;*/padding:0 20px 0 0;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;text-align: left;	}
.search-list-index{float:left;color: #ffab00; margin: 0 10px 0;}
.search-list li a{font-size:16px;text-decoration: none;color:#fff;}
.search-list li img{margin: 10px 0;vertical-align: middle;}
.search-list li:hover{/* background: rgba(0,0,0,0.35); */background: rgba(56, 58, 61, 0.8);color: #00D5A7;}
.search-list li.selected {background: rgba(0, 213, 167 ,0.4);}
.search-list i{margin:0;padding:0;}
.search-list li span {margin: 0 15px 0 0;line-height: 30px;}

/*右侧区域*/
.show-rgt-area{margin:35px 0 0 0;width:auto;height:auto;right:30px;position: absolute;border-radius: 3px;z-index: 999;}

.show-login-area{float:left;-webkit-border-radius: 18px;-moz-border-radius: 18px;-ms-border-radius: 18px;-o-border-radius: 18px;margin: 0 20px;}
.show-btn-area{float:left;background: rgba(56, 58, 61,0.8);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}

.platform-login-con{float: left;margin-right:16px;display: inline-block;font-family: PingFang-SC-Medium;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: justify;cursor: pointer;}
.platform-login{float: right;background: url(../../assets/images/pic_login.png) 5px 5px no-repeat;background-size: 76%;width: 34px; height: 34px;}
.platform-login img{/* margin: 2px 0; */vertical-align: text-top;}
/* .platform-login-nm{float: left;margin: 0px 7px 0;font-weight: lighter;line-height: 34px;} */

.show-login-area {display: none;}
.show-login-area .platform-login-nm {position: relative;padding: 8px 15px; color: white;background: rgb(27, 164, 131);border-radius: 10px;margin-top: -2px;margin-right: -13px;}
/* .show-login-area .platform-login-nm:before {content: "";position: absolute;border: 0px solid rgb(27, 164, 131);width: 8px; padding: 8px 9px;border-bottom-width: 15px;border-bottom-right-radius: 50px;
    transform: rotate(56deg) translate(10px, 10px);-webkit-transform: rotate(56deg) translate(49px, -72px);-moz-transform: rotate(56deg) translate(10px, 10px);-o-transform: rotate(56deg) translate(10px, 10px);-ms-transform: rotate(56deg) translate(10px, 10px);}
.show-login-area .platform-login-nm:after {} */

.triangle-right{ position: absolute; right: -12px;top: 10px;width: 0;height: 0;border-top: 9px solid transparent;border-left: 14px solid rgb(27, 164, 131);border-bottom: 9px solid transparent;}


.platform-warning{position: relative;float: left;margin-right:106px;cursor: pointer;    background: url(../../assets/images/pic_warning.png) 5px 5px no-repeat;background-size: 76%;width: 34px; height: 34px;}
.platform-warning-num{position:absolute;top:-5px;right:-5px;color: rgb(255, 255, 255);font-weight: lighter;text-align: center;width: 18px;height: 20px;line-height: 20px;display: inline-block;font-size: 12px;background: red;border-radius: 8px;}
.platform-tools{float: left;cursor: pointer;width: 34px;height: 34px; background: url(../../assets/images/pic_tools.png) 5px 5px no-repeat;background-size: 76%;}
/* .platform-tools:hover .tools-list-new{display:block;} */
.platform-tools:hover{background: rgba(0, 213, 167 ,0.4) url(../../assets/images/pic_tools.png) 5px 5px no-repeat;background-size: 76%;}
.platform-warning:hover{background: rgba(0, 213, 167 ,0.4) url(../../assets/images/pic_warning.png) 5px 5px no-repeat;background-size: 76%;}
.platform-login:hover{background: rgba(0, 213, 167 ,0.4) url(../../assets/images/pic_login.png) 5px 5px no-repeat;background-size: 76%;}

/*登录区样式 */
.login-list{display:none;width: 134px;height:auto;position: absolute;right: 30px;top:70px;text-align:center;background: rgba(56, 58, 61,0.8);}
.login-btn {cursor: pointer;color:#C6C6C6;width: 100%;height: 35px;line-height: 35px;}
.login-personal-info{}
.login-data-modify{}
.login-loyout{}
.login-btn:hover{color: #FFFFFF!important;background: rgba(0, 213, 167 ,0.4);}
/*内容区*/
.content-area{}
.content-lft-area{/* display:none; */width: 450px;height:auto;position: absolute;left: 26px;top: 117px;z-index: 9999;}
.tools-list-new{display:none;width: 134px;height:auto;position: absolute;right: 30px;top: 70px;background: rgba(56, 58, 61,0.8);border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;z-index: 999;}
.tools-common,.tools-senior,.tools-dendrogram,.tools-manager,.tools-panoVideo,.tools-decision-support,.tools-task,.tools-tips{cursor: pointer;margin: 1px 0;width: 100%;height: 35px;line-height: 35px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.tools-list-img{float:left;display: block;vertical-align: middle;margin: 9px 12px 8px 24px;}
.tools-list-txt{float:left;font-family: PingFangSC-Semibold;font-size: 14px;/* font-weight:lighter; */line-height:34px;color: #FFFFFF;letter-spacing: 0;text-align: justify;text-decoration: none!important;}
.tools-common:hover,.tools-senior:hover,.tools-dendrogram:hover,.tools-manager:hover,.tools-panoVideo:hover,.tools-decision-support:hover,.tools-task:hover,.tools-tips:hover{color: #FFFFFF!important;background: rgba(0, 213, 167 ,0.4);}
.tools-common:hover .tools-list-txt,.tools-senior:hover .tools-list-txt,.tools-dendrogram:hover .tools-list-txt,.tools-manager:hover.tools-list-txt,.tools-panoVideo:hover.tools-list-txt,.tools-decision-support:hover.tools-list-txt,.tools-task:hover.tools-list-txt,.tools-tips:hover.tools-list-txt{color: #FFFFFF!important;opacity: 1}
.tools-manager a {color: #FFFFFF;text-decoration: none!important;width: 100%;height: auto; position: absolute;left: 0; text-align: center;    text-indent: 30px;}
tools-tips
/* .tools-common:hover .tabBox{display:block;} */


/*选中单个工具的样式*/
.tools-act{background: rgba(0, 213, 167 ,0.4);}
.tools-act .tools-list-txt{color: #FFF;}

/*公共工具tab切换区域样式*/
ul {list-style: none;}
.tabBox {display:none;width: 320px;height: auto;position: absolute;top:70px;right: 182px;z-index: 9999;}

#tabBox  {float: left;width:30px;position: relative;/* overflow: hidden; */background: rgba(56, 58, 61, 0.8);}
#tabBox li {border-bottom: #383A3D 1px solid;height: 29px;line-height: 30px;/*background: rgba(56, 58, 61, 0.8);*/cursor: pointer;position: relative;}
#tabBox li:last-child{border: none;}
.tabBtn{width: 30px;height: 30px;}
#tabBox .tabBtn .eagleEye{background: url(../../assets/images/pic_eagleEye_nml.png) no-repeat center;width: 30px;height: 30px;}
#tabBox .tabBtn .cutlineN{background: url(../../assets/images/pic_cutline_nml.png) no-repeat center;width: 30px;height: 30px;}
#tabBox .tabBtn .cesiumEdit{background: url(../../assets/images/pic_cesiumEdit_nml.png) no-repeat center;width: 30px;height: 30px;}
#tabBox .tabBtn .role{background:  url(../../assets/images/pic_role_nml.png) no-repeat center;width: 30px;height: 30px;}
#tabBox .tabBtn .scale{background: url(../../assets/images/pic_scale_nml.png) no-repeat center;width: 30px;height: 30px;}
#tabBox .tabBtn .navigation{background: url(../../assets/images/pic_navigation_nml.png) no-repeat center;width: 30px;height: 30px;}
#tabBox .tabBtn .basemap{background:  url(../../assets/images/pic_basemap_nml.png) no-repeat center;width: 30px;height: 30px;}
#tabBox .tabBtn:hover{background: rgba(56, 58, 61, 0.8);}

#tabBox li.current{background: rgba(56, 58, 61, 1);border-bottom: #383A3D 1px solid;}
#tabBox li.current .eagleEye{background: url(../../assets/images/pic_eagleEye_act.png) no-repeat center;width: 30px;height: 30px;}
#tabBox li.current .cutlineN{background: url(../../assets/images/pic_cutline_act.png) no-repeat center;width: 30px;height: 30px;}
#tabBox li.current .cesiumEdit{background: url(../../assets/images/pic_cesiumEdit_act.png) no-repeat center;width: 30px;height: 30px;}
#tabBox li.current .role{background:  url(../../assets/images/pic_role_act.png) no-repeat center;width: 30px;height: 30px;}
#tabBox li.current .scale{background: url(../../assets/images/pic_scale_act.png) no-repeat center;width: 30px;height: 30px;}
#tabBox li.current .navigation{background: url(../../assets/images/pic_navigation_act.png) no-repeat center;width: 30px;height: 30px;}
#tabBox li.current .basemap{background:  url(../../assets/images/pic_basemap_act.png) no-repeat center;width: 30px;height: 30px;}

.tabBoxCon{/* float: left  */   margin: 0px 0 0 30px;}
.tabBoxCon .tabcon {display: none;background: rgba(56, 58, 61, 0.8);border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.tabBoxCon .tabcon.select {display: block;}
.tabBoxCon .comTools-title{display:block!important;width: 290px;height:30px;line-height: 30px;}
.tabBoxCon .comTools-txt {display:block!important;float: left;font-family: PingFang-SC-Regular;font-size: 14px;color: #00D5A7;letter-spacing: 1.56px;line-height: 30px;text-align: left;margin-left:12px;}
.tabBoxCon .comTools-title img{cursor:pointer;margin:7px 14px;display:block!important;float:right;vertical-align: middle;transform: rotate(0deg);transition: transform 0.35s ease;}
.tabBoxCon .comTools-title img:hover{transform: rotate(180deg);}

.tabBoxCon .comTools-con{display:block!important;width:290px;height:auto;min-height:179px;}

#tabBox .tabBtn .tabBtips{ display: none;position:  absolute;width: 60px;height: 30px;line-height: 30px;text-align: center;top:  0;left: -62px;background: #ff2b00;background: rgba(56, 58, 61, 0.8);color: #fff;}
#tabBox .tabBtn:hover .tabBtips{ display: block;}

/* 高级工具按钮展示区域样式 */
.senior-list{display: none;background: rgba(56, 58, 61, 0.8);width:110px;height:auto;position: absolute;top:70px;right: 182px;z-index: 9999;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;z-index: 9999;}
.senior-list li{display: none;width: auto;padding: 0 14px;height: 30px;line-height: 30px;text-align: left;font-family: PingFang-SC-Regular;font-size: 14px;color: #FFFFFF;letter-spacing: 0;border-bottom: #383A3D 1px solid;cursor:pointer;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.senior-list .senior-btn{display:block!important;}

.senior-list li .senior-list-txt{width: auto;height: 30px;line-height: 30px;}
.senior-list li:hover /*.senior-list-txt*/{background: rgba(56, 58, 61, 0.8);color: #00D5A7;}
.senior-list li.selected{color: #00D5A7;}
.senior-list li .btn-manageBirds{float:left;background: url(../../assets/images/pic_manageBirds_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-discBirds{float:left;background: url(../../assets/images/pic_discBirds_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-runway{float:left;background: url(../../assets/images/pic_runway_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-fireFighting{float:left;background: url(../../assets/images/pic_fireFighting_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-lighting{float:left;background: url(../../assets/images/pic_lighting_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-clearSky{float:left;background: url(../../assets/images/pic_clearSky_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-enclosure{float:left;background: url(../../assets/images/pic_enclosure_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-video{float:left;background: url(../../assets/images/pic_video_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-barriers{float:left;background: url(../../assets/images/pic_barriers_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-supplyElectricity{float:left;background: url(../../assets/images/pic_supplyElectricity_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-flight{float:left;background: url(../../assets/images/pic_flight_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-flight-ADS-B{float:left;background: url(../../assets/images/pic_flight-ADS-B_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}
.senior-list li .btn-3DAirport{float:left;background: url(../../assets/images/pic_3DAirport_nml.png) no-repeat 4px 9px;width: 22px;height: 28px;}

/* 高级工具按钮区鼠标滑过和选中区域展示样式 */
.senior-list li:hover .btn-manageBirds,.senior-list .selected .btn-manageBirds {background: url(../../assets/images/pic_manageBirds_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-discBirds,.senior-list .selected .btn-discBirds{background: url(../../assets/images/pic_discBirds_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-runway,.senior-list .selected .btn-runway{background: url(../../assets/images/pic_runway_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-fireFighting,.senior-list .selected .btn-fireFighting{background: url(../../assets/images/pic_fireFighting_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-lighting,.senior-list .selected .btn-lighting{background: url(../../assets/images/pic_lighting_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-clearSky,.senior-list .selected .btn-clearSky{background: url(../../assets/images/pic_clearSky_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-enclosure,.senior-list .selected .btn-enclosure{background: url(../../assets/images/pic_enclosure_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-video,.senior-list .selected .btn-video{background: url(../../assets/images/pic_video_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-barriers,.senior-list .selected .btn-barriers{background: url(../../assets/images/pic_barriers_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-supplyElectricity,.senior-list .selected .btn-supplyElectricity{background: url(../../assets/images/pic_supplyElectricity_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-flight,.senior-list .selected .btn-flight{background: url(../../assets/images/pic_flight_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-flight-ADS-B,.senior-list .selected .btn-flight-ADS-B{background: url(../../assets/images/pic_flight-ADS-B_act.png) no-repeat 4px 9px;}
.senior-list li:hover .btn-3DAirport,.senior-list .selected .btn-3DAirport{background: url(../../assets/images/pic_3DAirport_act.png) no-repeat 4px 9px;}


/* 任务管理区域样式 */

.task-list{display: none;background: rgba(56, 58, 61, 0.8);width:110px;height:auto;position: absolute;top:70px;right: 182px;z-index: 9999;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.task-list li{display: none;width: auto;height: 30px;line-height: 30px;text-align: center;font-family: PingFang-SC-Regular;font-size: 14px;color: #FFFFFF;letter-spacing: 0;border-bottom: #383A3D 1px solid;cursor:pointer;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.task-list .task-btn{display:block!important;}

.task-list li .task-list-txt{width: auto;height: 30px;line-height: 30px;}
.task-list li:hover /*.senior-list-txt*/{background: rgba(56, 58, 61, 0.8);color: #00D5A7;}
.task-list li.selected{color: #00D5A7;}

/* 决策支持区域样式 */
.decision-support-list{display: none;background: rgba(56, 58, 61, 0.8);width:110px;height:auto;position: absolute;top:70px;right: 182px;z-index: 9999;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.decision-support-list li{display: none;width: auto;height: 30px;line-height: 30px;text-align: center;font-family: PingFang-SC-Regular;font-size: 14px;color: #FFFFFF;letter-spacing: 0;border-bottom: #383A3D 1px solid;cursor:pointer;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.decision-support-list .decision-support-btn{display:block!important;}

.decision-support-list li .decision-support-list-txt{width: auto;height: 30px;line-height: 30px;}
.decision-support-list li:hover /*.senior-list-txt*/{background: rgba(56, 58, 61, 0.8);color: #00D5A7;}
.decision-support-list li.selected{color: #00D5A7;}


/* 高级工具Tab区域切换样式 */
.optTabBox{display:none;width: 450px;height: auto;position: relative;/* position: absolute;top: 162px ;left: 26px; */}
.optTabBox-cal{position: absolute;right: 20px;top: 10px;cursor: pointer;transform: rotate(0deg);transition: transform 0.35s ease;}
.optTabBox-cal:hover{transform: rotate(180deg);}

#optTabBox  {float: left;width:30px;position: relative;/*overflow: hidden;*/background: rgba(56, 58, 61, 0.8);}
#optTabBox li {display:none;border-bottom: #383A3D 1px solid;height: 29px;line-height: 30px;background: rgba(56, 58, 61, 0.8);cursor: pointer; position: relative;}
#optTabBox .optTabBtn{display:block!important;}

#optTabBox li:last-child{border: none;}
.optTabBtn{width: 30px;height: 30px;}

#optTabBox .optTabBtn .search-con{background: url(../../assets/images/pic_search_con_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .tree{background: url(../../assets/images/pic_tree_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .manageBirds{background: url(../../assets/images/pic_manageBirds2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .discBirds{background: url(../../assets/images/pic_discBirds2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .runway{background: url(../../assets/images/pic_runway2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .fireFighting{background:  url(../../assets/images/pic_fireFighting2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .lighting{background: url(../../assets/images/pic_lighting2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .clearSky{background: url(../../assets/images/pic_clearSky2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .enclosure{background:  url(../../assets/images/pic_enclosure2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .video{background: url(../../assets/images/pic_video2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .barriers{background: url(../../assets/images/pic_barriers2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .supplyElectricity{background:  url(../../assets/images/pic_supplyElectricity2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .flight{background: url(../../assets/images/pic_flight2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .flight-ADS-B{background: url(../../assets/images/pic_flight-ADS-B2_nml.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox .optTabBtn .airport3D{background:  url(../../assets/images/pic_3DAirport2_nml.png) no-repeat center;width: 30px;height: 30px;}

#optTabBox .optTabBtn:hover{background: rgba(56, 58, 61, 0.8);}

#optTabBox li.current{background: rgba(56, 58, 61, 0.2);border-bottom: #383A3D 1px solid;}
#optTabBox li.current .search-con{background: url(../../assets/images/pic_search_con_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .tree{background: url(../../assets/images/pic_tree_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .manageBirds{background: url(../../assets/images/pic_manageBirds2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .discBirds{background: url(../../assets/images/pic_discBirds2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .runway{background: url(../../assets/images/pic_runway2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .fireFighting{background:  url(../../assets/images/pic_fireFighting2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .lighting{background: url(../../assets/images/pic_lighting2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .clearSky{background: url(../../assets/images/pic_clearSky2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .enclosure{background:  url(../../assets/images/pic_enclosure2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .video{background: url(../../assets/images/pic_video2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .barriers{background: url(../../assets/images/pic_barriers2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .supplyElectricity{background:  url(../../assets/images/pic_supplyElectricity2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .flight{background: url(../../assets/images/pic_flight2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .flight-ADS-B{background: url(../../assets/images/pic_flight-ADS-B2_act.png) no-repeat center;width: 30px;height: 30px;}
#optTabBox li.current .airport3D{background:  url(../../assets/images/pic_3DAirport2_act.png) no-repeat center;width: 30px;height: 30px;}

.optTabBoxCon{float: left;width:410px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;position: absolute;right: 10px;z-index: 999;}
.optTabBoxCon .optTabcon {display: none;background: rgba(56, 58, 61, 0.8);border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px; border-top-left-radius: 0;}
.optTabBoxCon .optTabcon.select {display: block;}
.optTabBoxCon .comTools-title{font-weight: lighter;}
.optTabBoxCon .comTools-txt {width:auto;font-family: PingFang-SC-Regular;font-size: 18px;color: #FFFFFF;letter-spacing: 1.56px;line-height: 30px;text-align: left;padding: 0px 0 0 0;margin:0 5px;}
.optTabBoxCon .comTools-txt-sm{font-family: Roboto-Regular;line-height: 8px;font-size: 12px;color: #00D5A7;letter-spacing: 0;text-align: justify;margin: 0 5px;}
.optTabBoxCon .comTools-con{display:block!important;height:auto;max-height:370px;padding:20px;overflow: hidden; position: relative;}
.optTabBoxCon .comTools-con-img{background: #D8D8D8;width: 370px;height: 240px;margin: 20px 20px 0;}
.optTabBoxCon .comTools-con-list{margin: 30px 20px 20px;}

.optTabBoxCon .comTool-list{margin:0 20px;border:#8D8D8D 1px solid;}
.optTabBoxCon .comTool-list img{float: left;}
.optTabBoxCon .comTool-list-con{float: left;}
.optTabBoxCon .comTool-list-txt{font-family: PingFang-SC-Regular;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: justify;}

#optTabBox .optTabBtn .tabBtips{ display: none;position:  absolute;width: 60px;height: 30px;line-height: 30px;text-align: left;top:  0;left: 32px;background: #ff2b00;background: rgba(56, 58, 61, 0.4);color: #fff;}
#optTabBox .optTabBtn:hover .tabBtips{ display: block;}

/*复选框样式*/
.btn-checkBox{background: url(../images/pic_login_checkbox2x_nml.png) left center no-repeat;background-size: 14px 14px; text-align: left; min-width: 18px;text-indent: 18px;cursor: pointer; display:inline-block;}
.btn-checkBox.selected{background: url(../images/pic_login_checkbox2x_act.png) left center no-repeat;background-size: 14px 14px; text-align: left; min-width: 18px;text-indent: 18px;cursor: pointer; display:inline-block;}
/*单选框样式*/
.btn-radioBox{background: url(../images/pic_login_radio2x_nml.png) left center no-repeat;background-size: 14px 14px; text-align: left; min-width: 18px;text-indent: 18px;cursor: pointer; display:inline-block;}
.btn-radioBox.selected{background: url(../images/pic_login_radio2x_act.png) left center no-repeat;background-size: 14px 14px; text-align: left; min-width: 18px;text-indent: 18px;cursor: pointer; display:inline-block;}

/*按钮样式*/
.btn-list-new{font-family: PingFang-SC-Medium;color: #FFFFFF;letter-spacing: 0;background: #00D5A7;border-radius: 3px; min-width:40px;
			height:20px;line-height: 20px;text-align: center;cursor: pointer;}
.btn-list-cancel{font-family: PingFang-SC-Medium;color: #FFFFFF;letter-spacing: 0;text-align: center;line-height: 16px;
			background: #f31606;border-radius: 3px; min-width:40px;height:20px;line-height: 20px;cursor: pointer;}
.btn-list-cancel:hover{background: #d42417;color: #FFFFFF;}
.btn-list-add{ont-family: PingFang-SC-Medium;color: #00D5A7;letter-spacing: 0;text-align:center;border: 1px solid #00D5A7;
			border-radius: 3px; min-width:40px;height:18px;line-height: 18px;cursor: pointer;}
.btn-list-save{font-family: PingFang-SC-Medium;color: #FFFFFF;letter-spacing: 0;background: #00D5A7;border-radius: 3px;min-width:40px;
			height:20px;line-height: 20px;text-align: center;cursor: pointer;}
.btn-list-new:hover,.btn-list-add:hover,.btn-list-save:hover{background: #0b9e7f;color: #FFFFFF;}

/*带边框的背景样式*/
.popup-bg{background: rgba(56, 58, 61, 0.6);margin:0 auto;z-index: 999;}
.popup-bg .popup-bg-arrow{background: #383a3d url(../../assets/images/pic_popup_bg_arrow.png) no-repeat center;background-size: cover;width: 61px;  height: 61px;position: absolute;right:8px;bottom:5px;}
/* 告警展示区 */
.warningInfo{display: none;padding: 6px 6px 1px 6px;width: 424px;height:206px;position: absolute;top:70px;right: 80px;}
.warningInfo .popup-bg-jamb{margin:5px 10px 6px 6px;width: 410px;height:190px;border: 1px solid #00D5A7;/* background-color: rgba(56, 58, 61, 1.0); */}
.warningInfo .popup-bg-bot{background: url(../../assets/images/pic_boder_arrow.png) no-repeat center;background-size: cover;width:60px;height:6px;position: absolute;bottom:9px;left:12px;}
.warningInfo .popup-bg-rgt{background: url(../../assets/images/pic_boder_arrow.png) no-repeat center;background-size: cover;width:60px;height: 6px;position: absolute;right:12px;top:9px;}

.warningInfo .warningInfo-title{width:100%;height:50px;padding-top:10px;font-family: PingFangSC-Semibold;font-weight:lighter;color: #fff;letter-spacing: 0;}
.warningInfo .warningInfo-txt-con{float:left;margin: 4px 14px;}
.warningInfo .warningInfo-txt{float:left;font-size: 18px;color: #fff;}
.warningInfo .warningInfo-txt-sm{font-size: 12px;color: #00D5A7;}
.warningInfo .warningInfoMore{float:right;line-height: 40px;font-size: 16px;color: #eee;cursor:pointer;}
.warningInfo .warningInfo-arrow{float: right;margin: 14px 20px 14px 5px;width: 0;height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 10px solid #fff;}

.warningInfo-list{/* background: rgba(56, 58, 61, 0.7); */width:100%;height:auto;}
.warningInfo-list li{width: auto;height: 39px;line-height: 40px;padding:0 10px;text-align: left;font-family: PingFang-SC-Regular;font-size: 14px;color: #edffff;letter-spacing: 0;border-bottom: #4d6b65 1px solid;cursor:pointer;}
.warningInfo-list li:hover{background: rgba(0, 213, 167 ,0.4);} 
.warningInfo-list .warningInfo-list-index{display: inline;color:#eee;}
.warningInfo-list img{display: inline;margin: 3px 5px;vertical-align: middle;}
.warningInfo-list .warningInfo-cont{display: inline;/* white-space:nowrap; */overflow:hidden;text-overflow:ellipsis;}
.warningInfo-list .warningInfo-cont-type{display: inline;color:#D50E00;}
.warningInfo-list .warningInfo-cont-time{display: inline;}
.warningInfo-list .warningInfo-cont-txt{display: inline; /* white-space:nowrap;overflow:hidden;text-overflow:ellipsis; */}

/* 驱鸟鼠标滑过切换的样式 */
#driveBirds{position:relative;border-radius: 0 3px 3px 0;width: 680px;height: auto;margin: 0 auto;}
.driveBirdsList{position:relative;width: 365px;height:360px;float: left; padding: 0px 20px 0 0;margin-left: -5px;}
#driveBirdsList{overflow:auto;max-height: 350px;}
#driveBirdsList-xq{overflow:auto; max-height: 370px;}
.driveBirdsList .driveBirds-title{height:auto; text-align: left;}
.driveBirds-txt{margin: 14px 20px 0;font-size: 18px;color: #FFFFFF;letter-spacing: 1px;}
.driveBirds-txt-sm{ margin: 0 20px 10px;font-size: 12px;color: #00D5A7;letter-spacing: 0;}

#driveBirds .driveBirdsList ul li{text-align:center;position:relative;cursor:pointer;width: 100%;height: 70px;margin: 0 0 20px 0;border: none;background: none;padding:0 5px;}
#driveBirds .driveBirdsList ul li:hover{/* background:rgba(56, 58, 61,0.7);background: rgba(0, 213, 167 ,0.4); */background: rgba(255,255,255,0.2);}
#driveBirds .driveBirdsList-con{/*display:none;*/position: relative; /*background:rgba(56, 58, 61,0.8);*/float:left;width: 266px;height: 360px;margin-left:11px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}

#driveBirds .driveBirdsList-title{margin: 0 0 24px 20px;padding:14px 0 0 0;font-family: PingFang-SC-Medium;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: justify;line-height: 24px;}


#driveBirds .driveBirdsList-top{/* margin: 0 20px; */color: #FFFFFF;text-align: left;line-height: 24px;}
#driveBirds .driveBirdsList-cen{/* margin: 0 20px; */}
#driveBirds .driveBirdsList-top .driveBirds-num-con{float: right;}

#driveBirds .driveBirds-progress{height: 18px;line-height: 18px;position: relative;background: rgba(101,101,101,0.8);}
#driveBirds .driveBirds-progress-bar.birdgun-bar{width: 0; max-width: 100%;height: 18px;text-align: right;background: #007EFF;;transition: all .3s;-webkit-transition: all .3s;}
#driveBirds .driveBirds-progress-bar.shotgun-bar{width: 0; max-width: 100%;height: 18px;text-align: right;background: #FF5AA5;transition: all .3s;-webkit-transition: all .3s;}
#driveBirds .driveBirds-progress-bar.ultrasonic-bar{width: 0; max-width: 100%;height: 18px;text-align: right;background: #33E0BA;transition: all .3s;-webkit-transition: all .3s;}
#driveBirds .driveBirds-progress-bar.sprayingcar-bar{width: 0; max-width: 100%;height: 18px;text-align: right; background: #F5A623;transition: all .3s;-webkit-transition: all .3s;}

#driveBirds .driveBirds-ms{font-family: PingFang-SC-Regular;font-size: 12px;color: #FFFFFF;letter-spacing: 0;text-align: justify;line-height: 24px;}
.driveBirds-nml,.driveBirds-notShown,.driveBirds-notUsed{float: left;}

.driveBirds-notShown-num{color: #FA1A0A;}
.driveBirds-nml-num,.driveBirds-notUsed-num{color: #FFFFFF; font-weight: 600;}


#driveBirds .driveBirdsList .ultrasonic{background: url(../../assets/images/pic_ultrasonic_nml.png) center no-repeat;width: 16px; height: 16px; float: left;margin: 5px 5px 5px 0px;}
#driveBirds .driveBirdsList .sprayingcar{background: url(../../assets/images/pic_sprayingcar_nml.png) center no-repeat;width: 16px; height: 16px; float: left;margin: 5px 5px 5px 0px;}
#driveBirds .driveBirdsList .shotgun{background: url(../../assets/images/pic_shotgun_nml.png) center no-repeat;width: 16px; height: 16px; float: left;margin: 5px 5px 5px 0px;}
#driveBirds .driveBirdsList .birdgun{background: url(../../assets/images/pic_birdgun_nml.png) center no-repeat;width: 16px; height: 16px; float: left;margin: 5px 5px 5px 0px;}

#driveBirds .driveBirdsList li:hover .ultrasonic{background: url(../../assets/images/pic_ultrasonic_act.png) center no-repeat;}
#driveBirds .driveBirdsList li:hover .sprayingcar{background: url(../../assets/images/pic_sprayingcar_act.png) center no-repeat;}
#driveBirds .driveBirdsList li:hover .shotgun{background: url(../../assets/images/pic_shotgun_act.png) center no-repeat;}
#driveBirds .driveBirdsList li:hover .birdgun{background: url(../../assets/images/pic_birdgun_act.png) center no-repeat;}

#driveBirds .driveBirds-list .ultrasonic.cur{background: url(../../assets/images/pic_ultrasonic_act.png) center no-repeat;width: 16px; height: 16px; float: left;margin: 5px 5px;}
#driveBirds .driveBirds-list .sprayingcar.cur{background: url(../../assets/images/pic_sprayingcar_act.png) center no-repeat;width: 16px; height: 16px; float: left;margin: 5px 5px;}
#driveBirds .driveBirds-list .shotgun.cur{background: url(../../assets/images/pic_shotgun_act.png) center no-repeat;width: 16px; height: 16px; float: left;margin: 5px 5px;}
#driveBirds .driveBirds-list .birdgun.cur{background: url(../../assets/images/pic_birdgun_act.png) center no-repeat;width: 16px; height: 16px; float: left;margin: 5px 5px;}
#driveBirdsList-con .driveBirds-list{display: none;width: 100%;background: rgba(56, 58, 61,0.8);height:380px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
#driveBirdsList-con .driveBirds-list ul li{cursor: pointer;width: 100%;height: 24px;line-height: 24px;}
#driveBirdsList-con .driveBirds-list ul li:hover{/* background: rgba(255,255,255,0.2); */background: rgba(0, 213, 167 ,0.4);}
#driveBirdsList-con .driveBirds-list ul li:active{background: rgba(255,255,255,0.8);}
#driveBirdsList-con .driveBirds-list ul li.cur{border-right:none;background:#fff;cursor: pointer;}
#driveBirdsList-con .cur{display: block;}


.driveBirds-name{float: left; display:block;margin:0 0 0 20px ;font-size: 14px;color: #FFFFFF;letter-spacing: 0; text-align: justify;}
.driveBirds-type{float: right;display:block; margin:0 20px 0 0;font-size: 14px;color: #00FFC5;letter-spacing: 0;}
.driveBirds-type.abnormal{color: #FA1A0A;}


/*底部视频区域*/
.video-area{/* position: absolute;bottom: 0; */margin: 0 auto;width: 100%;/* border-top: 1px #ddd solid;border-bottom: 1px #ddd solid; */}
.video-area .video-area-con{height: 163px;margin: 0 auto;width: 100%;}

/* 独立视频 */
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}

/*loading*/
.fz-loading{width: 100%;height: 100%;position: relative;}
#bfBtn{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateY(-50%);-webkit-transform:translateY(-50%);z-index: 9999;transition: visibility 0.3s, opacity 0.3s;-webkit-transition: visibility 0.3s, opacity 0.3s;}
.spinner {width: 50px;height: 60px;text-align: center;font-size: 10px;}
#sptxt{position: absolute;width: 100%;color: #fff;text-align: center;left: 50%;transform: translate(-50%,10px);-webkit-transform: translate(-50%,10px);}
.spinner > div {background-color: #67CF22;height: 100%;width: 6px;display: inline-block;margin-right: 4px;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*视频播放区域样式*/
#fz-videoBox{width: 100%;height: 100%;position: relative;background: #f1f1f1;}
#fz-videoAct{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#fz-videoBox:hover{cursor: pointer;}
#fz-videoBox:hover #videoState{opacity: 1;}
/* .drag_layer:hover #videoState{opacity: 1;cursor: pointer;} */
/* 全景态势播放条样式 */
.videoBar:hover #videoState{opacity: 1;cursor: pointer;}

#videoState{width: 100%;height: 28px;position: absolute;bottom: 10px;left: 0;background-color: rgba(48,40,44,.5);z-index: 1000;opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;}
#videoState:hover{cursor: default;}
#videoStateBox{position: relative;width: 100%;height: 100%; display: box;display: -webkit-box;}
#percentage{display:none;position: relative;z-index: 1001;-webkit-box-flex: 8;box-flex: 8;float: left;}
#currentBG{position: absolute;left: 0;top: 49%;height: 3px;z-index: -1000;opacity: 0;transition: background 0.3s,top 0.3s,height 0.3s,opacity 0.3s,width 0.3s;-webkit-transition: background 0.3s,top 0.3s,height 0.3s,opacity 0.3s,width 0.3s;}
#currentPercentage{position: absolute;left: 0;top: 49%; width: 0%;height: 3px;background: #09D1B1;border-right: 2px solid #fff;transition: width 0.3s;-webkit-transition:width 0.3s;}
#currentAll{position: absolute;width: 100%;height: 3px;top: 49%;background: hsla(0,0%,100%,.5);z-index: -999;}
#currentPerc{ position: absolute;left: 0;top: 50%;width: 0%;height: 0;opacity: 0;background:rgba(9,209,177,.3);border-right: 2px solid #fff;transition: top 0.3s,height 0.3s,opacity 0.3s,width 0.6s;-webkit-transition: top 0.3s,height 0.3s,opacity 0.3s width 0.6s;}
#percentage:hover #currentBG{cursor: pointer;background: rgba(181, 181, 181, 0.4);top: 0;height: 100%;opacity: 1;}
#percentage:hover #currentPerc{top: 0;opacity: 1;height: 100%;cursor: pointer;}
#percentage:hover #currentPerc{top: 0;opacity: 1;height: 100%;}
#playOrStop{float: left;position: relative;-webkit-box-flex: 0.1;box-flex: 0.1; bottom: 0;text-align: center;line-height: 28px;color: #fff;cursor: pointer;}
#currentTimeBox{display:none;position: relative;float: left;-webkit-box-flex: 0.5; box-flex: 0.5;bottom: 0;text-align: center;line-height: 40px;color: #fff;}
#videoSpeed{display:none;float: left;text-align: center;position: relative;line-height: 28px; color: #fff;box-flex:0.5;-webkit-box-flex:0.5;cursor: pointer;}
#videoSpeed:hover #videoSpeedList{visibility: visible;opacity: 1;}
#videoSpeedList{visibility: hidden;opacity: 0; overflow: hidden;position: absolute;width: 100%;left: 0;top: -108px;transition: opacity 0.3s;-webkit-transition:opacity 0.3s;}
#videoSpeedList li{overflow: hidden;background: rgba(48,40,44,.5);margin-bottom: 1px;text-align: center;padding: 5px 0;font-size: 12px;line-height: normal; color: #fff;}
#videoSpeedList li:hover{background: rgba(0,0,0,0.5);}

.reviewList:hover #reviewList{visibility: visible;opacity: 1;}
#reviewList{visibility: hidden;opacity: 0; overflow: hidden;position: absolute;width: 100%;right: 0;top: -108px;transition: opacity 0.3s;-webkit-transition:opacity 0.3s;}
#reviewList li{overflow: hidden;background: rgba(48,40,44,.5);margin-bottom: 1px;text-align: center;padding: 5px 0;font-size: 12px;line-height: normal; color: #fff;}
#reviewList li:hover{background: rgba(0,0,0,0.5);}
.sliderVideo{float:left;position: relative;width:auto;height:auto;/* position: fixed; bottom: 0; */}
#currentTime{display:none;margin: 0 10px;font-family: PingFang-SC-Medium;font-size: 12px;color: #C6C6C6;letter-spacing: 0;text-align: center;line-height: 20px;}



.videoBoxRe{position: relative;}
#videoSound{position: relative;float: left;box-flex:1;line-height: 28px;-webkit-box-flex:1;color: #fff;cursor: pointer;margin-left: 15px;}
#videoSoundBox{position: relative;}
#soundBar{position: absolute;background: #000;width: 66%;height: 7px;top: 11px;left: 21px;}
#currentSound{width: 50%;height: 100%;background: #2d85ca;transition: width 0.3s;-webkit-transition: width 0.3s;}
.video-screen {width: 32px;height: 32px;margin: 5px 0;cursor: pointer;background: url(./assets/images/fullscreen.png);background-size: 32px 32px;}
#percentageH{display:block;position: relative;z-index: 1001;-webkit-box-flex: 8;box-flex: 8;float: left;}

/* 底部视频区域拖放条 */
/* * { padding: 0; margin: 0; } */
li { list-style: none; }
.swipe {/* margin-bottom:20px; *//* overflow:hidden; */position:relative;width:100%;}
.swipe ul{overflow:hidden;list-style:none;position:relative;}
.swipe li div {padding:50px 10px;background:#1db1ff;font-weight:bold;color:#fff;font-size:20px;text-align:center;}

.drag_layer {/* display:block; */min-height:160px;display:none;/* width: 450px; height: 270px; padding: 3px;width: 100%; */ z-index:99999; white-space: nowrap;width: 100%;border-top: 1px #ddd solid;border-bottom: 1px #ddd solid;position: absolute; bottom:0;/* bottom: -7px; */ /* background: #fff;overflow:auto;*/ overflow:hidden;/* overflow-y: hidden; */}
.drag_layer h2 { height: 25px; line-height: 25px; /* padding-left: 10px;  */font-size: 14px; color: #333;position: absolute;/* width: 100%;background: rgba(56, 58, 61,0.6); */}
.drag_layer .close { width: 21px; height: 20px; background: url(/jscss/demoimg/201207/close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.drag_layer .close:hover { background: url(http://www.webdm.cn/images/20130722/close.gif) no-repeat 0 0; }
.drag_layer .drag_content { /* padding: 10px;  */ width:100%;font-weight: 300;font-size: 20px;position:relative;overflow: hidden;  }
.drag_layer .drag_content p { font-size: 12px; line-height: 18px; color: #666; text-indent: 28px; padding-bottom: 10px; font-family: arial; }
.drag { z-index: 999999999;width: 14px; height: 14px; overflow: hidden; background: url(http://www.webdm.cn/images/20130722/drag_ico.gif) no-repeat 1px 1px; cursor: nw-resize; position: absolute; bottom: 0; right: 0; z-index: 2; }
.bar_t { z-index: 999999999;min-width: 410px; width:100%;height: 10px; position: absolute; top: -2px; left: -2px; z-index: 1; cursor: n-resize; overflow: hidden; }
.bar_b { z-index: 999999999;min-width: 410px; width:100%;height: 4px; position: absolute; bottom: -2px; left: -2px; z-index: 1; cursor: n-resize; overflow: hidden; }
.bar_r { z-index: 999999999;width: 4px; min-height: 110px; height:100%;position: absolute; right: -2px; top: -2px; z-index: 1; cursor: e-resize; }
.bar_l { z-index: 999999999;width: 4px; min-height: 110px; height:100%;position: absolute; left: -2px; top: -2px; z-index: 1; cursor: e-resize; }
.drag_layer video{display:inline-block;width:auto;/* position: absolute;bottom: 0; */}
.video-cal{float: right;/* margin: 5px; */cursor: pointer;position: absolute;right: 20px;top: 10px;z-index: 999;transform: rotate(0deg);transition: transform 0.35s ease;}
.video-cal:hover{transform: rotate(180deg);}

/* video container */
.playtab{ float: left;position: relative;/* width: 13px; */font-size: 12px;margin: 3px 0px 5px 25px;height:20px;line-height: 20px;/* -webkit-box-flex: 0.15;box-flex: 0.15; */color: #00D5A7cursor: pointer;}
.playtab-txt{float: left;border: 1px solid #00D5A7;border-radius: 2px;display: block;font-weight: 400;line-height:20px;/* width: 24px; *//* -webkit-box-flex: 0.15;box-flex: 0.15; */text-align: center;position: relative;padding: 0 9px;cursor: pointer;color: #00D5A7}
.reviewList{float: left;position: relative;margin: 0 10px;}


.playtab-selected {font-size: 12px;font-weight: bold;background-color: #00D5A7;color:#fff;opacity: 1;border-radius: 2px;}
.wrapper .content{position:relative;overflow:hidden!important;background:#000;color:#ccc;margin: 0 auto;}

/* video caption css */
.caption{
	display:none;position:absolute;left:0;text-align: center;width:100%;
	padding:10px;color:#ccc;font-size:20px;font-weight:bold;box-sizing: border-box;-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
	background: #1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}

/*** VIDEO CONTROLS CSS ***/
/* control holder */
.wrapper .control{
	background:#333;
	color:#ccc;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:5;
	display:block;
}
 .control{
	background:#333;
	color:#ccc;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:5;
	display:none;
}
/* control top part */
.topControl{
	height:11px;
	border-bottom:1px solid #404040;
	padding:1px 5px;
	background:#1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}
/* control bottom part */
.btmControl{
	clear:both;
	background: #1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}
.control div.btn {
	float:left;
	width:40px;
	height:30px;
	padding:0 5px;
	border-right:1px solid #404040;
	cursor:pointer;
}
.control div.text{
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	font-family:verdana;
	width:20px;
	border:none;
	color:#777;
}
.control div.btnPlay{
	background:url(../../assets/images/control.png) no-repeat 0 0;
	border-left:1px solid #404040;
}
.control div.paused{
	background:url(../../assets/images/control.png) no-repeat 0 -30px;
}
.control div.btnStop{
	background:url(../../assets/images/control.png) no-repeat 0 -60px;
}
.control div.spdText{
	border:none;
	/* margin: 0 5px; */
	width: 55px;
	font-size:12px;
	line-height:30px;
	font-style:italic;
}
.control div.selected{
	font-size:15px;
	color:#ccc;
}
.control div.sound{
	background:url(../../assets/images/control.png) no-repeat -88px -30px;
	border:none;
	float:right;
}
.control div.sound2{
	background:url(../../assets/images/control.png) no-repeat -88px -60px !important;
}
.control div.muted{
	background:url(../../assets/images/control.png) no-repeat -88px 0 !important;
}
.control div.btnFS{
	background:url(../../assets/images/control.png) no-repeat -44px 0;
	float:right;
}
.control div.btnLight{
	background:url(../../assets/images/control.png) no-repeat -44px -60px;
	border-left:1px solid #404040;
	float:right;
}
.control div.lighton{
	background:url(../../assets/images/control.png) no-repeat -44px -30px !important;
}

/* PROGRESS BAR CSS */
/* Progress bar */
.progress {
	width:15%;
	height:10px;
	position:relative;
	float:left;
	margin:10px 0;
	cursor:pointer;
	background: #444; /* fallback */
	background:-moz-linear-gradient(top,#666,#333);
	background:-webkit-linear-gradient(top,#666,#333);
	background:-o-linear-gradient(top,#666,#333);
	box-shadow:0 2px 3px #333 inset;
	-moz-box-shadow:0 2px 3px #333 inset;
	-webkit-box-shadow:0 2px 3px #333 inset;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	display: none;
}
.progress span {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.timeBar{
	z-index:10;
	width:0;
	background: #3FB7FC; /* fallback */
	background:-moz-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	background:-webkit-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	background:-o-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	box-shadow:0 0 1px #fff;
	-moz-box-shadow:0 0 1px #fff;
	-webkit-box-shadow:0 0 1px #fff;
}
.bufferBar{
	z-index:5;
	width:0;
	background: #777;
	background:-moz-linear-gradient(top,#999,#666);
	background:-webkit-linear-gradient(top,#999,#666);
	background:-o-linear-gradient(top,#999,#666);
	box-shadow:2px 0 5px #333;
	-moz-box-shadow:2px 0 5px #333;
	-webkit-box-shadow:2px 0 5px #333;
}
/* time and duration */
.time{
	width:10%;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:30px;
	    display: none;
}

/* VOLUME BAR CSS */
/* volume bar */
.volume{
	position:relative;
	cursor:pointer;
	width:70px;
	height:10px;
	float:right;
	margin-top:10px;
	margin-right:10px;
}
.volumeBar{
	display:block;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#eee;
	z-index:10;
}

/* OTHERS CSS */
/* video screen cover */
.loading, #init{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../../assets/images/loading.gif) no-repeat 50% 50%;
	z-index:2;
	display:none;
}
#init{
	background:url(../../assets/images/bigplay.png) no-repeat 50% 50% !important;
	cursor:pointer;
}
.no-border {
    border: none !important;
}

/*告警信息弹窗*/
.bg_z {display: none; width: 100%;height: 100%;background: #000; opacity: 0.4;filter: alpha(opacity=40); position: fixed; top: 0px;left: 0px;z-index: 10;}
.warningMoreInfo-con{display:none;z-index: 999;width: 960px;height:540px;background: rgba(56, 58, 61, 0.8);margin:0 auto;text-align: center;border-radius:3px;padding: 16px 0 0 0;position: absolute;left: 50%;top: 50%;margin: -270px 0 0 -480px;}
.warningMoreInfo-top{margin: 20px 20px 0;height:28px;line-height: 28px;position: relative;}
.warningMoreInfo-search{line-height: 30px;/*width: 330px;    */float: left;}
.warningMoreInfo-search-txt{float:left;font-family: PingFang-SC-Regular;font-size: 18px;color: #FFFFFF;letter-spacing: 0;}
.warningMoreInfo-ipt{float:left;width: 264px;height:26px!important;margin:0 6px;padding:0 6px;border:none!important;background-color: #35303063!important;border-radius:3px;}

.select-list{width:60px;height: 26px;line-height: 26px;color:#FFF;float: left;border:none;background-color: #35303063;border-radius:3px;margin:0 10px 0 0;}

.btn-search:hover{background: #00659d;}
.btn-search{float: left;width: 26px;height: 26px;cursor: pointer; /*margin: 7px 8px;*/background: url(../images/pic_search.png) no-repeat center;}

.btn-search:hover{background:   #524e4e url(../images/pic_search_act.png) no-repeat center;}
.btn-search:active{background:  #524e4e url(../images/pic_search_act.png) no-repeat center;}

.warningMoreInfo-con .btn-checkBox{cursor: pointer;text-align: left;width: 40px;height: 18px;margin: 5px;float: left;background:url(../images/pic_login_checkbox_nml.png) no-repeat center;background-size: 35%;}
.warningMoreInfo-con .btn-checkBox.select{cursor: pointer;text-align: left;width: 40px;height: 18px;margin: 5px;float: left;background:url(../images/pic_login_checkbox_act.png) no-repeat center;background-size: 35%;}
.warningMoreInfo-con .btn-checkBox .btn-pms {display: block;float: left;margin: 4px 14px;padding: 0;cursor: pointer;}

.btn-checkBoxAll{cursor: pointer;text-align: left;width: 40px;height: 18px;margin: 0 -5px;float: left;background:url(../images/pic_login_checkbox_nml.png) no-repeat center;background-size: 35%;}
.btn-checkBoxAll.select{cursor: pointer;text-align: left;width: 40px;height: 18px;margin: 0 -5px;float: left;background:url(../images/pic_login_checkbox_act.png) no-repeat center;background-size: 35%;}
.btn-checkBoxAll .pers-int {margin: -12px 32px;white-space: nowrap;}

.btn-batchRead{font-family: PingFang-SC-Medium;font-size: 14px;float: right;color: #FFFFFF;letter-spacing: 0;background: #00D5A7;border-radius: 3px;width: 80px;height: 26px;line-height: 26px;text-align: center;cursor: pointer;}
.warningMoreInfo-radio-con{float:left;}
/*单选框样式*/
.warningMoreInfo-radio-con .btn-radio{font-family: PingFang-SC-Regular;font-size: 18px;color: #FFFFFF;letter-spacing: 0;line-height: 24px;text-align: left;height: 24px;margin: 0px 8px;float: left;}
.warningMoreInfo-radio-con .pers-int {float: left; }
.warningMoreInfo-radio-con .btn-pms {display: block;float: left;margin: 5px 8px 0 0;padding: 0;cursor: pointer;}
.warningMoreInfo-cancel{position: absolute;top: 10px;right: 10px;width: auto;height: 20px;cursor: pointer;}
.warningMoreInfo-cancel img{transform: rotate(0deg);transition: transform 0.35s ease;}
.warningMoreInfo-cancel img:hover{transform: rotate(180deg);}

.warningMoreInfo-con table {margin: 0 20px;width: 920px;color: #fff;border-collapse: collapse;border-spacing: 0;}
.warningMoreInfo-con table thead {width: calc( 100%);display:table;table-layout:fixed;}
.warningMoreInfo-con table tbody {display:block;/* background: rgba(216,216,216,0.8); */overflow-y:scroll;height:420px;}
.warningMoreInfo-con table th{text-align: center;color: #fff;font-size: 16px;height: 40px;line-height: 40px;font-weight: lighter;}
/* .warningMoreInfo-con table tbody tr{ cursor:default;background:#FFF;}
.warningMoreInfo-con table tbody tr:nth-child(even){background:#f0f0f0}
.warningMoreInfo-con table tbody tr:active{background:#e5e5e5!important;} */
.warningMoreInfo-con table tbody tr:hover{/* background: rgba(216,216,216,0.8); */background: rgba(0, 213, 167 ,0.4);} 
.warningMoreInfo-con table td{border: 1px #CCCCCC solid;font-size:14px;word-wrap: break-word;}

.select-all{width:40px}
.select-checkBox{width:40px;}
.warningInfo-time{width: 140px;height:50px;line-height:50px;}
.warningInfo-pos{width: 160px;height:50px;line-height:50px;}
.warningInfo-describe{width: 310px;height:50px;text-align: center;}
.dispose-type{width: 100px;height:50px;font-family: PingFang-SC-Medium;font-size: 14px;color: #FA1A0A;letter-spacing: 0;}
.dispose-type.selected{font-family: PingFang-SC-Medium;font-size: 14px;color: #00D5A7;letter-spacing: 0;}
.warningMoreInfo-btn-con{width: 160px;height:50px;}
.dispose-btn{float: left;margin: 10px 0px 0px 25px;width:36px;height:20px;line-height:20px;font-family: PingFang-SC-Regular;font-size: 14px;text-align: center;color: #FFFFFF;letter-spacing: 0;background: #00D5A7;border-radius: 3px;cursor: pointer;}
.cancel-btn{float: right;margin: 10px 25px 10px 5px;width:36px;height:20px;line-height:20px;font-family: PingFang-SC-Regular;font-size: 14px;text-align: center;color: #FFFFFF;letter-spacing: 0;background: #FA1A0A;border-radius: 3px;cursor: pointer;}

/*任务管理样式 */
#taskList{display:none;position: absolute;top:70px;right:168px;width:500px;height:366px;background: rgba(56, 58, 61, 0.8);z-index: 9999;}
#taskList table {margin: 0 auto;padding: 0;width: 98%; height: auto;text-align: center;font-size: 14px;border-collapse: collapse;}
#taskList table thead {/* background: #efefef; */height: 40px;line-height: 40px;width: 100%;font-size: 16px;color: #FFFFFF;}
#taskList table tbody {width: 100%;}
#taskList table tbody .name-border {border-left: 0;cursor: pointer;}
#taskList table tbody .name-border.selected {background: rgba(0, 213, 167 ,0.4);}
#taskList table tbody .name-border:hover {background: rgba(0, 213, 167 ,0.4);} 
/* .layui-layer-content table tbody tr:nth-child(odd) {background: #b5b0b0;}
.layui-layer-content table tbody tr:nth-child(even) {background: #f0f0f0;} */
#taskList table td {border-left: #eee 1px solid;border-bottom: #eee 1px solid;height: 44px;line-height:  44px;/*width: 11%; */}
#taskList table thead td {border: none!important;height: 44px;line-height: 44px;width: 11%;}
#taskList .designer-list { overflow-y: auto;border-top: #eee 1px solid;}


#taskList .designer-list table {width: 100%;border-right: #eee 1px solid;}
/* .layui-layer-content .page-whole {position: absolute;bottom: 0;left: 0; margin: 0;padding: 35px 0;width: 100%;height: 32px;background: #ffffff;}
.layui-layer-content .page-container {margin: 0 auto;height: 32px;line-height: 30px;font-size: 14px;color: #2c2c2c;}
.layui-layer-content .page-container .page-count {float: left;margin: 0 20px 0 0;line-height: 32px;height: 32px;min-width: 20px;}
.layui-layer-content .page-container .page-count span {margin: 0 4px;}
.layui-layer-content .page-container .page-view {float: left; margin: 0 12px 0 0;width: auto;min-width: 50px; height: 32px;text-align: center;}
.layui-layer-content .page-container .page-view a {padding: 0 10px;display: block;float: left;margin-right: 8px;border: 1px solid #dfdfdf;border-radius: 2px;width: auto;min-width: 10px;height: 30px;color: #2c2c2c;}
.layui-layer-content .page-container .page-view .prev {background: url(http://co.dabanjia.com/static/lib/mw-paging/images/prev.png) no-repeat center;}
.layui-layer-content .page-container .page-view .prev:hover {background: url(http://co.dabanjia.com/static/lib/mw-paging/images/prev_focus.png) no-repeat center;}
.layui-layer-content .page-container .page-view .prev2 {border-color: #efefef;background: #efefef url(http://co.dabanjia.com/static/lib/mw-paging/images/prev.png) no-repeat center;cursor: default;}
.layui-layer-content .page-container .page-view .prev2:hover {background: #efefef url(http://co.dabanjia.com/static/lib/mw-paging/images/prev.png) no-repeat center;}
.layui-layer-content .page-container .page-view .next {background: url(http://co.dabanjia.com/static/lib/mw-paging/images/next.png) no-repeat center;}
.layui-layer-content .page-container .page-view .next:hover {background: url(http://co.dabanjia.com/static/lib/mw-paging/images/next_focus.png) no-repeat center;}
.layui-layer-content .page-container .page-view .next2 {border-color: #efefef;background: #efefef url(http://co.dabanjia.com/static/lib/mw-paging/images/next.png) no-repeat center;cursor: default;}
.layui-layer-content .page-container .page-view .next2:hover {background: #efefef url(http://co.dabanjia.com/static/lib/mw-paging/images/next.png) no-repeat center;}
.layui-layer-content .page-container .page-view .current {cursor: default;border-color: #ffffff;font-size: 20px;color: #ffa800;}
.layui-layer-content .page-container .page-view .more {cursor: default;border-color: #ffffff;background: url(http://co.dabanjia.com/static/lib/mw-paging/images/more.png) no-repeat center;}
.layui-layer-content .page-container .page-view .page-single {float: left;width: auto;height: 100%;}
.layui-layer-content .page-container .page-skip {float: left;width: auto;height: 32px;line-height: 32px;}
.layui-layer-content .page-container .page-skip .skip-blk {float: left;width: auto;height: 32px;font-size: 12px;}
.layui-layer-content .page-container .page-skip .skip-val {display: block;float: left;margin: 0 8px; padding: 0 4px; width: 30px; height: 30px;line-height: 32px;border: 1px solid #dfdfdf;text-align: center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.layui-layer-content .page-container .page-skip a { display: block;float: left;margin: 0 0 0 16px;border: 1px solid #dfdfdf;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;width: 30px; height: 30px;line-height: 30px;color: #ffa800;text-align: center;}
.layui-layer-content .page-container .page-skip a:hover {border-color: #ffa800;}
 */

.task-edit{display:none;position: absolute;top: 0;right:0;left:0;width: 420px; height: auto;background: rgba(56, 58, 61, 0.8);color: #FFFFFF;margin:0 auto;text-align: left;}
.task-edit-txt,.task-manager-name{ width:100%; height: 34px;line-height: 34px;text-indent: 20px;color:#00D5A7;}
.task-edit-cal{float: right;margin: 10px;cursor: pointer;vertical-align: middle;transform: rotate(0deg);transition: transform 0.35s ease;}
.task-edit-cal:hover{transform: rotate(180deg);}
.task-edit-btn{display: block;margin: auto;padding: 0;width: 78px; height: 34px;line-height: 34px;text-align:center; background: #00D5A7 ;/*background: #ffa800 url(../images/icon__del.png) no-repeat 10px center;  text-indent: 32px; */-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;font-size: 14px;color: #ffffff;}
/* .task-edit-btn:hover {background-color: #ffba00;}
.task-edit-btn:active {background-color: #ff8a00;} */
.layui-form-label,.layui-textarea{text-align:left;padding:0 0 0 20px;}
.layui-input{border: none!important;height: 30px!important;}
.layui-form-item .layui-inline{margin-bottom：none!important; float:left;}

/*全局时间轴的样式*/
#progressTimeControl { position: absolute; left: 0; width: 36px; height:28px; background-image: url(../images/play.png); background-color: rgba(56,58,61,.8); border: none; outline: none; position: relative; cursor: pointer; box-sizing: border-box; background-repeat: no-repeat; background-position: center; }
#progressTimeControl:before { content: ''; width: 36px; height: 6px; background-color: #9D0300; position: absolute; left: 0; top: -6px; }
#progressTimeControl:hover:after { border-left-color: #ccc; }
.progressTime {color: white; background: rgba(56,58,61,.8); width: 100%; height: 28px; padding-top: 0px; padding-bottom: 0px; position: absolute; left: 36px; right: 0; bottom: 0;}
#progressTimeConcent { width: 100%; height: 28px; margin: 0 auto; cursor: pointer; }
#scrollBarBox { width: 100%; height: 6px; padding: 5px 0; position: absolute; top: -11px; background-color: transparent; z-index: 2; }
#scrollBarHover { width: 100%; height: 12px; left:0; top: -9px; position: absolute; z-index: 999}
#scrollBar { width: 100%; height: 6px; background-color: #d3d3d3; cursor: pointer; position: absolute; top: 5px; }
#timeCode { width: 56px; background-color: #9D0300; position: absolute; left: 0; top: -34px; color: #fff; text-align: center; cursor: pointer; display: none; z-index: 99}
#timeCode:after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #9D0300; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; }
#scrollTrack { width: 0px; height: 6px; background-color: #9D0300; transition: all ease-in-out .25s; }
#scrollThumb { height: 24px;min-width: 40px;padding: 0 5px;text-align: center; line-height: 24px; background-color: #fff; position: absolute; left: -25px; margin-top: -37px; cursor: pointer; color: #000; font-size: 12px; transition: all ease-in-out .25s; }
#scrollThumb:after { content: ''; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #fff; position: absolute; left: 20px; bottom: -10px; }
.time_slot .slot { float: left; line-height: 28px; width: calc(20% - 1px); border-left: 1px solid #ccc; margin: 0; text-align: center; cursor: pointer; font-size: 12px; }
.time_slot .slot .sub-label-div.left{line-height: 28px;float: left;width:36px;margin-left: 2px;margin-top: 2px;}
.time_slot .slot .sub-label-div.right{line-height: 28px;float: right;font-size: 14px;width:calc(100% - 37px)}
.time_slot .slot .sub-label{color: #aaa; font-size: 11px; margin: 1px; line-height: 11px;}
#timerSlider{position: absolute; bottom: 20px; left: 15px; right: 570px; height: 28px;z-index:999;}


/* 飞机详情样式 */
.airport-dtl{display:none;width:440px;height:386px;margin: 0 auto;/* color: #3640bb; */border-radius: 4px;background: rgba(56, 58, 61,0.8);position:absolute;bottom:0px;left:30px;}
.airport-dtl-top{margin:0 0 0 30px;padding: 20px 0 0 0;}
.airport-dtl-bhCon{width:100%;}
.airport-dtl-bh,.airport-dtl-xh{line-height: 30px;margin:  0 10px 0 0;}
.airport-dtl-icon{margin:0 20px 0 0;}

.airport-dtl-icon,.airport-dtl-ms,.airport-dtl-bh,.airport-dtl-xh{float: left;}
.airport-dtl-gg,.airport-dtl-sd,.airport-dtl-fwd,.airport-dtl-xxwz,.airport-dtl-jwd{float: left;}

.airport-dtl-fxsj,.airport-dtl-wz,.airport-dtl-xq{margin:0 0 0 30px;line-height: 24px;}
.airport-list{margin:10px 0 10px 30px;}
.airport-div{float: left;border-radius:4px;margin-right: 20px;width: 32px;color:#ffffff;background: #4568bb;padding: 4px 15px;}

.conTextCon-list{margin: 0px 0 0 38px;}
.conTextCon-list li{width:36px;height:auto;float: left;margin: 0 18px 0 0 ;}

.conTextCon-first{width: 36px!important; height: 36px!important;line-height: 36px!important;}
.conTextCon{position: relative;width: 24px; height: 24px;line-height: 24px;margin: 0 auto;padding: 0px;border: 1px #FFF solid;border-radius: 50%;color: #fff;text-align: center;font-size: 14px;cursor: pointer;}
.conTextCon:hover .conTextCon-sm{display:block;}
/*对号样式*/
.tick{margin: 13px 4px;width: 7px;height:3px; background: #FFFFFF;line-height: 5px;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);}
.tick:after{content:'/';display:block;width: 14px;height:3px; background: #FFFFFF;-webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%);}
/*错误样式*/
.cross{margin: 10px 4px;width: 16px;height:3px; background: #FFFFFF;line-height: 5px;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);}
.cross:after{content:'/';display:block;width: 16px;height:3px; background: #FFFFFF;-webkit-transform: rotate(-90deg);}
 
.bl{background: #0f60a0;}
.bl1{background:red;}
.bl2{background: #ff8a0c;}
.imgCon{text-align: center;margin: 0px 6px 0 2px;}
.conTextCon-sm{width: auto;line-height: 26px;position: absolute; top: 0;white-space: nowrap;margin-left: 26px;padding:0 15px;display: none;z-index:666;background: rgba(56, 58, 61,1);}
.conTextCon-m{width: 28px;margin:0 auto;}
.hidden{display:none;}

/* 底部视频和流程图tab切换样式 */
.drag_layer:hover #changeTab{opacity: 1;cursor: pointer;}
#changeTab{width: auto; height: 28px;position: absolute; top: 0px;left: 0;background-color: rgba(48,40,44,.5);z-index: 1000;opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;}
.changeTab-btn{display:none;float: left;border: 1px solid #00D5A7;border-radius: 2px;font-weight: 400;width:60px;line-height: 26px;text-align: center;position: relative;padding: 0 9px; cursor: pointer;color: #00D5A7;}
.changeTab-btn-selested{font-size: 12px;font-weight: bold;background-color: #00D5A7;color: #fff;opacity: 1;border-radius: 2px;}
.airportData,.airportVideo{}

/* 挂牌和跟踪checkbox样式 */
.videoBar:hover #airportVideoBtn{opacity: 1;cursor: pointer;}
#airportVideoBtn{width: auto; height: 28px;line-height:28px;position: absolute; top: 0px;right: 40px;padding:0 5px;background-color: rgba(48,40,44,.5);z-index: 1000;opacity: 0;transition: opacity 0.3s;-webkit-transition: opacity 0.3s;}
#airportVideoBtn .check-box.selected {background: url(../images/pic_login_checkbox2x_act.png) left center no-repeat; background-size: 14px 14px;text-align: left;min-width: 18px; text-indent: 18px;color:#00D5A7; cursor: pointer;display: inline-block;}
.sticker,.track{}